<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no" />
    <link rel="stylesheet" type="text/css" href="../css/chaxunjieguo.css" />
    <title>查询结果</title>
</head>
<body>
    <!--<div class="title"><span class="mess">商城信息</span></div>-->
    <div class="ul" id="list">
        <!-- <div class="li">
            <div class="box">
                <div class="name">参与活动名称：</div>
                <div class="item">2017农行杯3.8红旗手</div>
            </div>
            <div class="box">
                <div class="name">派发日期：</div>
                <div class="item">2017-9-9</div>
            </div>
            <div class="box">
                <div class="name">商城兑换券：</div>
            </div>
            <div class="message">
                <div class="mess-box">
                    <div class="mess-name">价值：</div>
                    <div class="mess-item">500元</div>
                </div>
                <div class="mess-box">
                    <div class="mess-name">卡号：</div>
                    <div class="mess-item">0238010811231</div>
                </div>
                <div class="mess-box">
                    <div class="mess-name">密码：</div>
                    <div class="mess-item">0238010811231</div>
                </div>
                <div class="mess-box">
                    <div class="mess-name">试用范围：</div>
                    <div class="mess-item">电影、图书、商城</div>
                </div>
            </div>
        </div>
        <div class="li">
            <div class="box">
                <div class="name">参与活动名称：</div>
                <div class="item">2017农行杯3.8红旗手</div>
            </div>
            <div class="box">
                <div class="name">派发日期：</div>
                <div class="item">2017-9-9</div>
            </div>
            <div class="box">
                <div class="name">商城兑换券：</div>
            </div>
            <div class="message">
                <div class="mess-box">
                    <div class="mess-name">价值：</div>
                    <div class="mess-item">500元</div>
                </div>
                <div class="mess-box">
                    <div class="mess-name">卡号：</div>
                    <div class="mess-item">0238010811231</div>
                </div>
                <div class="mess-box">
                    <div class="mess-name">密码：</div>
                    <div class="mess-item">0238010811231</div>
                </div>
                <div class="mess-box">
                    <div class="mess-name">试用范围：</div>
                    <div class="mess-item">电影、图书、商城</div>
                </div>
            </div>
        </div> -->
    </div>
    <!-- 商品查询结果列表模板 begin -->
    <script type="text/html" id="list-template">
		<div class="title"><span class="mess">商城信息</span></div>
    
        {{each}}
            <div class="li">
                <div class="box">
                    <div class="name">参与活动名称：</div>
                    <div class="item">{{$value.title}}</div>
                </div>
                <div class="box">
                    <div class="name">派发日期：</div>
                    <div class="item">2017-9-9</div>
                </div>
                <div class="box">
                    <div class="name">商城兑换券：</div>
                </div>
                <div class="message">
                    <div class="mess-box">
                        <div class="mess-name">价值：</div>
                        <div class="mess-item">{{$value.prize_value}}元</div>
                    </div>
                    <div class="mess-box">
                        <div class="mess-name">卡号：</div>
                        <div class="mess-item">{{$value.card_number}}</div>
                    </div>
                    <div class="mess-box">
                        <div class="mess-name">密码：</div>
                        <div class="mess-item">{{$value.card_density}}</div>
                    </div>
                    <div class="mess-box">
                        <div class="mess-name">试用范围：</div>
                        <div class="mess-item">{{$value.prize_limits}}</div>
                    </div>
                </div>
            </div>
        {{/each}}
    </script>
    <!-- 商品查询结果列表模板 end -->
    <div class="hide" id="no-data2">暂无数据</div>
</body>
<script type="text/javascript" src="../framework/template-web.js"></script>
<script type="text/javascript" src="../framework/zepto.min.js"></script>
<script type="text/javascript" src="../script/base.js"></script>
<script type="text/javascript">
    fnList();
    //列表
    function fnList(){
        fnAjax({
            url: "Shop/awardlist",
            data: {
                user_id:15
            }
        }, function(ret){
            console.log(ret);
            if( !ret.status ){
                if(ret.data.list.length){
                    fnValue('#list',template('list-template',ret.data.list));
                }else{
					$('#no-data2').removeClass('hide');
				}
            }else{
				$('#no-data2').removeClass('hide');
			}
        });
    }
</script>
</html>
